<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>广告竞价渠道增加</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>

<div class="x-body">
    <div class="leave-top">请假/调休时间调整为:</div>
    <form action="" class="layui-form ">
        <div class="layui-form-item">
            <label class="layui-form-label">自</label>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test1" placeholder="yyyy-MM-dd">
            </div>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test2" placeholder="HH:mm:ss">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">至</label>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test3" placeholder="yyyy-MM-dd">
            </div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test4" placeholder="HH:mm:ss">
            </div>
        </div>

        <div class="leave-top">请假/调休时间调整为:</div>
        <div class="layui-form-item">
            <label class="layui-form-label">自</label>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test5" placeholder="yyyy-MM-dd">
            </div>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test6" placeholder="HH:mm:ss">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">至</label>

            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test7" placeholder="yyyy-MM-dd">
            </div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test8" placeholder="HH:mm:ss">
            </div>
        </div>
        <div class="layui-form-item tl4">
        <input type="checkbox" name="" title="暂不补假">
        </div>
        <div class="layui-form-item">
            <button  class="layui-btn ok" lay-filter="add" lay-submit="" style="margin-left:200px">
                提交
            </button>
            <button  class="layui-btn layui-btn-primary" lay-filter="add" lay-submit="" style="margin-left:100px">
                取消
            </button>
        </div>
    </form>
</div>

<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    $(".ok").click(function () {
            layer.msg('已提交!', {icon: 1, time: 2000});
    })
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#test2'
            ,type: 'time'
        });
        laydate.render({
            elem: '#test3' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#test4'
            ,type: 'time'
        });
        laydate.render({
            elem: '#test5' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#test6'
            ,type: 'time'
        });
        laydate.render({
            elem: '#test7' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#test8'
            ,type: 'time'
        });
    });

</script>

</body>

</html>